<template>
    <var-dialog
        title="服务协议"
        v-model:show="dialogStore.isBuyTemplateProtocolDialog"
        dialog-class="m-buy-template-protocol-dialog"
        :cancel-button="false"
        width="90vw"
    >
        <div class="dialog-body" v-html="HTML_CONTENT"></div>
    </var-dialog>
</template>
<script setup>
import { HTML_CONTENT } from ".";
const dialogStore = useDialogStore();
</script>
<style lang="scss">
.m-buy-template-protocol-dialog {
    .dialog-body {
        height: 70vh;
        overflow: auto;
    }

    p {
        line-height: 20px;
    }

    .text-indent-1 {
        text-indent: 1em;
    }

    .dialog-footer {
        margin-top: 20px;
        text-align: center;
    }

    .mb-10 {
        margin-bottom: 10px;
    }
}
</style>
